<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<%@ include file="../common/includes.jsp"%>
<%@ include file="../common/taglibs.jsp"%>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="下一站旅行 酒店 机票  xiayizhan 下一站">
<meta http-equiv="description" content="下一站旅行 酒店 机票  xiayizhan 下一站">
<title>主页 - 下一站旅行 酒店 机票www.ixiayizhan.com</title>
<style type="text/css">
#pic_btns li{
float:left;background-color:Gray;cursor:pointer;height:20px;width:20px;margin-left:5px;text-align:center;
}
#pic_btns li.on{
background-color: #F08000;
}
#images li{
cursor:pointer;height:100%;width:100%;display:none;
}
#images li.on{
display:inline;
}
#introduce li{margin:5px 0 0 8px }
#introduce li p{margin:5px 0 0 8px }
#introduce li div{height:25px;padding-left:30px;font-size:16px;}
</style>
<script type="text/javascript">
$(function(){
	start();
});
var current = 1;
function imgScroll(){
	var next = current==3?1:current+1;
	$("#images li[index='"+current+"']").removeClass("on");
	$("#pic_btns li[index='"+current+"']").removeClass("on");
	$("#images li[index='"+next+"']").attr("class","on");
	$("#pic_btns li[index='"+next+"']").attr("class","on");
	current = next;
}
var interval;
function start(){
	interval=setInterval("imgScroll()",2000);
}
function stop(){
	window.clearInterval(interval);
	monitorInterval  = null;
}
</script>
</head>
<body>
	<%@include file="../frame/header.jsp"%>
	<div style="width: 1188px;height:580px; margin: 0 auto; padding: 0">
		<div style="width: 230px; float: left;padding:5px">
		<div style="padding-bottom:5px">
			<%@include file="../frame/soso_all.jsp" %>
		</div>
		<div style="width:220px;border:2px solid  #CAE4FF;padding-bottom:10px;background:white">
		<div style="font-size: 18px;color:#666666;background:#F4F9FF;padding:10px 0 10px 5px">为什么选择下一站？</div>
		<ul id="introduce">
			<li >
			<div style="background: url('/images/imgs2.png') -3px -30px no-repeat;vertical-align: middle;">产品优势</div>
			<p style="margin-left:10px">产品齐全 涵盖面广</p>
			<p>酒店、机票、景点、车票</p>
			</li>
			<li>
			<div style="background: url('/images/imgs2.png') -3px -30px no-repeat;">预订有保障</div>
			<p style="margin-left:10px">100%到店有房</p>
			<p>预订酒店，享"赔计划"保障</p>
			</li>
			<li>
			<div style="background: url('/images/imgs2.png') -3px -30px no-repeat;">产品优势</div>
			<p>酒店齐全，特惠；机票便宜，便捷</p>
			</li>
			<li>
			<div style="background: url('/images/imgs2.png') -3px -30px no-repeat;">产品优势</div>
			<p>酒店齐全，特惠；机票便宜，便捷</p>
			</li>
		</ul>
		</div>
		</div>
		<div style="float: left; width: 720px;">
			<div style="width:100%;height:250px;padding:5px">
				<ul id="images" onmouseover="stop()" onmouseout="start()">
					<li index="1" class="on" title="aaa"><a href=""><img src="/images/404_photo.jpg" alt="aaa" /></a></li>
					<li index="2"><a href="" title="bbb"><img src="/images/500_photo.jpg" alt="bbb" /></a></li>
					<li index="3"><a href="" title="ccc"><img src="/images/serverinfo.jpg" alt="ccc" /></a></li>
				</ul>
				
			</div>
			<div>
				<ul style="position:absolute;margin:-23 0 0 620;" id="pic_btns">
					<li  index="1" class="on">1</li>
					<li  index="2">2</li>
					<li  index="3">3</li>
				</ul>
			</div>
			<div style="margin: 5px 0 5px 0;height:300px">
			热门城市酒店
			</div>
		</div>
		<div style="float: right; width: 200px;height:550px;padding-top:5px">
			<div style="width:100%;">
				特价机票日历
			</div>
		</div>
	</div>
	<div style="height:300px;width:1188px;margin:0 auto">
	<span>sss</span>酒店机票火车票
	</div>
	<%@include file="../frame/foot.jsp"%>
</body>
</html>